import React, {Component} from 'react';
import {Image, View, StyleSheet, Text, ScrollView} from 'react-native';
import Greeting from "../component/greeting";
import Blink from "../component/blink";
import PizzaTranslator from "../component/pizzaTranslator";
import ButtonBasics from "../component/buttonBasics";
import TouchAbles from "../component/touchables";
import FlatListBasics from "../component/flatListBasics";
import SectionListBasics from "../component/sectionListBasics";


export default class ExampleScreen extends Component {
    render() {
        let pic = {
            uri: 'https://upload.wikimedia.org/wikipedia/commons/d/de/Bananavarieties.jpg'
        };
        return (
            <View style={{flex: 1}}>
                <ScrollView>
                    <SectionListBasics/>
                    <FlatListBasics/>
                    <TouchAbles/>
                    <ButtonBasics/>
                    <PizzaTranslator/>
                    <Image source={pic} style={{width: 193, height: 110}}/>
                    <Greeting name='Rexxar'/>
                    <Blink text='I love to blink'/>
                    <Text style={[styles.bigblue, styles.red]}>bigblue, then red</Text>
                    <View style={{width: 50, height: 50, backgroundColor: 'powderblue'}}/>
                </ScrollView>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    bigblue: {
        color: 'blue',
        fontWeight: 'bold',
        fontSize: 30,
    },
    red: {
        color: 'red',
    },
});